<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../js/jquery-3.1.1.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../css/navfooter.css"/>
   <link rel="stylesheet" href="../css/swiper.min.css"></link>
    <link rel="stylesheet" href="../css/he.css"/>
</head>
<body>
<div class="zhang_nav w">
    <div class="zhang_nav_left"><img src="../img/nav.jpg"/></div>
    <ul class="zhang_nav_right">
        <li>
            <div><a href="index.html">首页</a></div>
            <ol>
                <li><a href="#">首页子菜单</a></li>
                <li><a href="#">首页子菜单</a></li>
                <li><a href="#">首页子菜单</a></li>
                <li><a href="#">首页子菜单</a></li>
            </ol>
        </li>
        <li>
            <div>云道商城</div>
            <ol>
                <li><a href="suo.html">官网商城</a></li>
                <li><a href="ding.html">云道商城</a></li>
                <li><a href="#">云道商城子菜单</a></li>
                <li><a href="#">云道商城子菜单</a></li>
            </ol>
        </li>
        <li>
            <div>智慧门店</div>
            <ol>
                <li><a href="li.html">智慧门店</a></li>
                <li><a href="#">智慧门店子菜单</a></li>
                <li><a href="#">智慧门店子菜单</a></li>
                <li><a href="#">智慧门店子菜单</a></li>
            </ol>
        </li>
        <li>
            <div>营销平台</div>
            <ol>
                <li><a href="qin.html">营销平台</a></li>
                <li><a href="#">营销平台菜单</a></li>
                <li><a href="#">营销平台菜单</a></li>
                <li><a href="#">营销平台菜单</a></li>
            </ol>
        </li>
        <li>
            <div>媒体联盟</div>
            <ol>
                <li><a href="he.html">人人分销</a></li>
                <li><a href="#">媒体联盟子菜单</a></li>
                <li><a href="#">媒体联盟子菜单</a></li>
                <li><a href="#">媒体联盟子菜单</a></li>
            </ol>
        </li>
        <li>
            <div>关于云道</div>
            <ol>
                <li><a href="wang.html">关于我们1</a></li>
                <li><a href="wang1.html">关于我们2</a></li>
                <li><a href="#">关于云道子菜单</a></li>
                <li><a href="#">关于云道子菜单</a></li>
            </ol>
        </li>
    </ul>
    <div class="zhang_nav_top">
        <div>用户中心</div>
        <ol>
            <li>
                <a href="landing.html">登录</a>
                <a href="registered.html">注册</a>
                <a href="back.html">找回密码</a>
            </li>
        </ol>
    </div>
</div>
</div>
                <!--轮播图 swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="../img/he001.png" alt=""/>
        </div>
        <div class="swiper-slide">
            <img src="../img/he001.png" alt=""/>
        </div>
        <div class="swiper-slide">
            <img src="../img/he001.png" alt=""/>
        </div>
    </div>
</div>

                  <!--产品简介-->
     <div class="he-oDiv1 clearfix">
         <hr class="he-oBor fl "/>
               <h2 class="he-oCpjj ac fl "><b><a href="#">产品简介</a></b></h2>
         <hr class="he-oBor fl "/>
         <p class="he-oPro1">PRODUCT INTRODUCTION</p>
         <div class="fl ">

             <p class="he-oPer">
                海云微分销是一个分销商城管理平台，使用海云微分销系统，人人都可以搭建属于自己的个性化商场，含PC半，移动版和微信版
                 加入后，可一键创建商城，无需学习，无需成本，无需维护，无需进货发货>你只需通过自己的网站，APP。自媒体，QQ空间，朋友圈传播，就可以获得佣金收益（按商品点击计算）
             </p>
         </div>
         <div class="fr ac">
             <img src="../img/he004_03.png"class="he-oImg"  alt=""/>
         </div>
     </div>
       <!--产品优势-->
    <div class="he-oDiv1">
        <img src="../img/he010.png" class="he-oBor fl"/>
        <h2 class="he-oCpjj ac fl he-oCpjj1">
            <b>
                <a href="#">产品优势</a>
            </b>
        </h2>
        <img src="../img/he010.png" class="he-oBor fl"/>
        <p class="ac">
            PRODUCT ADVANTAGE
        </p> <br>
        <div class="fr">
            <p class="he-oPer">
            <h3 class="he-oGxh"><b>一键创建属于自己的个性化领域</b></h3>
              这年头，开个淘宝店也不容易，你需要会装修店铺，需要进货发货，需要24小时客服，需要为流量发愁，需要处理退货投诉
                加入海云微分销，只需三步，即可拥有一个自己个性化的商城，动动手转发转发，即可获取佣金收益
            </p>
        </div>
        <div class="fl ac">
            <img src="../img/he005_03.png" class="he-oImg1" alt=""/>
        </div>
    </div>
              <!--======================= -->
    <div class="he-oDiv1">
        <div class="fl">
            <p class="he-oPer">
            <h3 class="he-oGxh"><b>朋友就是拿来"卖"的</b></h3>
           通过自媒体工具，传播你自己的商场，通过商品点击，获取收益，粉丝，如今也可以变浅
                朋友就是拿来"卖"的。让朋友圈成为你的盈利工具
            </p>
        </div>
        <div class="fr ac">
            <div class="he-box fr">
                <img src="../img/he-04.png" class="he-img001" alt=""/>
                <img src="../img/he-03.png" class="he-img002" alt=""/>
                <img src="../img/he-01.png" class="he-img004" alt=""/>
                <img src="../img/he-02.png" class="he-img003" alt=""/>
                <div class="he-box1">
                    <img src="../img/he06.png" class="he-img005" alt=""/>
                </div>
            </div>
        </div>
    </div>
     <!--我的商场图片-->
  <div class="he-oSmall">
      <a href="#"><img src="../img/he006.png" class="he-oImg3" alt=""/></a>
  </div>
     <!--客服咨询图片-->
   <div class="he-oCtion">
       <img src="../img/he008.png"  alt=""/>
   </div>



    <div class="zhang_footer">
        <div class="zhang_footer_one">
            <ul>
                <li><a href="#">shopcmd</a></li>
                <li><a href="#">首页</a></li>
                <li><a href="#">官网云商城</a></li>
                <li><a href="#">智慧门店</a></li>
                <li><a href="#">销售平台</a></li>
                <li><a href="#">媒体联盟</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        <div class="zhang_call">4008-188-360</div>
    </div>
    <div class="zhang_hr"></div>
        <p><a href="#">@Copyright 2015 苏州海云网络科技有限公司版权所有 | 苏ICP备15038170号-3</a></p>
    </div>
</div>
</body>

<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 2000, //自动播放
        loop: true,// 循环播放
        autoplayDisableOnInteraction: false// 点完自动轮播
    })

    $(".zhang_nav_right>li").mouseover(function(){
        $(this).css("color","#7DCAFD")
        $(this).find("ol").css("background","rgba(255,255,255,0.5)").stop().slideDown();
    })
    $(".zhang_nav_right>li").mouseout(function(){
        $(this).css("color","#000")
        $(this).find("ol").stop().slideUp();
    })

</script>

</html>